import React, { Component } from 'react'

// 引入儿子组件
import Son from './Son';
//使用另一种接收方式: 在父亲组件中接收爷爷组件中的数据
import contextObj from './context';
export default class Father extends Component {
    // 将contextObj 对象赋值给当前组件的静态属性 contextType, 底层执行的逻辑是将contextObj
    // 中包含的数据映射到当前组件的实例的context 属性上
    static contextType = contextObj;
    render() {
        return (
            <div>
                <p>父亲</p>
                <p>父亲接收爷爷组件中的数据:{this.context}</p>
                <Son></Son>
            </div>
        )
    };
    componentDidMount() {
        console.log('this-父组件实例', this);
    }
}
